<template>
    <div class="sharePage" v-if="showPage">
        <div class="sharePageInner">
            <img :src="shareArrow" alt="">
            <div class="wordBox">
                <p>点击右上角</p>
                <p>分享给好友吧</p>
            </div>
        </div>
    </div>
</template>
<script>
  import shareArrow from '@/assets/images/share_arrow.png'

  var wx = require("weixin-js-sdk");
  import {mapActions} from 'vuex';

  export default {
    data() {
      return {
        shareArrow,
        showPage: false
      }
    }
  }
</script>
<style scoped>
    .sharePage {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 200;
        background-color: #fff;
    }

    .sharePageInner {
        position: relative;
        width: 100%;
        height: 100%;
    }

    .sharePage img {
        width: 1.45rem;
        height: 1.04rem;
        position: absolute;
        top: 3.27rem;
        right: 1.08rem;
    }

    .sharePage p {
        font-size: .24rem;
        text-align: center;
        color: #e80101;
        font-weight: bold;
        line-height: .6rem;
    }

    .wordBox {
        position: absolute;
        top: 5.2rem;
        width: 2.5rem;
        left: 2.5rem;
    }
</style>
